﻿/*  COLOR BLOCK  */
#red {
       width: 100%;
       height: 100%;
       border: 2px solid red;
       background-color: #FFE4B9;
}

#blue {
       width: 100%;
       height: 100%;
       border: 2px solid royalblue;
       background-color: #F5F3FE;
}

#green {
       width: 100%;
       height: 100%;
       border: 2px solid green;
       background-color: #E3ECC0;
}

#yellow {
       width: 100%;
       height: 100%;
       border: 2px solid orange;
       background-color: #FDFFEF;
}

.yellow {
       width: 100%;
       height: 100%;
       border: 2px solid orange;
       background-color: #FDFFEF;
}


.layout_red {
       width: 100%;
       height: 100%;
       border: 2px solid red;
       background-color: #FFE4B9;
}

.layout_blue {
       width: 100%;
       height: 100%;
       border: 2px solid royalblue;
       background-color: #F5F3FE;
}

.layout_green {
       width: 100%;
       height: 100%;
       border: 2px solid green;
       background-color: #E3ECC0;
}

.layout_yellow {
       width: 100%;
       height: 100%;
       border: 2px solid orange;
       background-color: #FDFFEF;
}

/* FORMS */

form .textbox1 {
	width: 154px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px 0px 5px;
	border: none;
	background: url("../images/form_1.gif") no-repeat left top;
	color: royalblue;
}

/*********************
	DIV
*********************/
.tab_over_1 :hover
{background-color: #6699FF;}

.yellow
{background-color: #FFFF66;}

.green
{background-color: #E3ECC0;}

.blue
{background-color: #F5F3FE;}

.red
{background-color: #FFE4B9;}


#valid{
	width: 100%;
	height: 18px;
	border: 2px green solid;
	text-align: left;
	color: white;
	font-weight: bold;
	text-indent: 20px;
	background: #33CC33;
	background-image: url('../../images/small/valid.png');
	background-repeat: no-repeat;
	visibility: hidden;
}

#error{
	width: 100%;
	height: 18px;
	border: 2px red solid;
	text-align: left;
	color: white;
	font-weight: bold;
	text-indent: 20px;
	background: #FE5B49;
	background-image: url('../../images/small/stop.png');
	background-repeat: no-repeat;
	visibility: hidden;	
}

/*  ALERT BLOCK  */
#alert {
       width: 100%;
       height: 100%;
       border: 2px solid red;
       background-color: #FFF2F2;
       background-image: url('../../images/small/stop.png');
	   background-repeat: no-repeat;
}

#confirm {
       width: 100%;
       height: 100%;
       border: 2px solid royalblue;
       background-color: #F5F3FE;
       background-image: url('../../images/small/valid.png');
       background-repeat: no-repeat;
}

